@charset "utf-8";
.slider {position: relative;overflow: hidden;width: 100%;}
.slideBox .hd {z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 6%;transform: translateX(-50%);z-index: 1;}
.slideBox .hd ul{ text-align:center;}
.slideBox .hd ul li {cursor:pointer;float: left;margin-right: 26px;width: 70px;height: 10px;border-radius: 500px;text-align: center;background: #152c7f;}
.slideBox .hd ul .on {background: #ffb612;color: #fff;}
.slideBox .bd{position:relative;}
.slideBox .bd li img{width:100%;} 
@media (max-width: 768px){
	.slideBox .hd ul li{width: 12px;height: 12px;margin-right: 15px;}
}
@media (max-width: 500px){
	.slideBox .bd li{width: 100%;overflow: hidden;}
	.slideBox .bd li img {width: 140%;margin-left: -12%;}
}

/* CSS Document */
.color_black{color:#000000 !important;}
.color_blu{color:#324D8B !important;}
.color_red{color:#a60000 !important;}
.color_w{color:#ffffff !important;}
.index_head .nav li .down{position: absolute; background: #fff; padding:30px; width:500px; left:50%;  display:none; transition:.2s ease; height:0;}
.index_head .nav li.navli:hover .down{ display:block; height:auto;}
.index_head .sec_nav ul li{ float: none; height:40px; line-height:40px}
.index_head .sec_nav{margin-left: 50px; font-size:14px;}
.down .col_info{ width: 175px;}
.down .col_info h3{ font-size: 24px; font-weight:normal; display:flex; align-items:center;}
.down .col_info h3 a{ line-height: 20px; width: 20px; text-align: center; margin-left:auto; border:1px solid #e8e8e8;} 
.down .col_info p{ margin: 20px 0; font-size:14px;}
.index_head .sec_nav{ position: relative;}
.index_head .sec_nav ul li a.seclink{ font-size: 14px; padding:0 20px; width:250px; display:flex; background:#f4f4f4; border: 1px solid #e8e8e8; margin-bottom:-1px;}
.index_head .sec_nav ul li a.seclink i{ margin-left:auto; display:none;}
.sec_nav ul li .third_nav{ position: absolute; top: 0; left: 250px; padding-left:20px; display:none;}
.sec_nav ul li .third_nav a{ font-size: 14px;  line-height: 38px; width:250px; padding:0 30px; border-bottom:1px solid #e8e8e8;}
.index_head .sec_nav ul li:hover .third_nav{ display:block;}
.index_head .sec_nav ul li:hover a{ border-right:none; background: #fff;}
.index_head .sec_nav ul li:hover a.seclink i{ display:block; color:#a60000;}
.sec_nav ul li .third_nav a:hover{ color:#a60000;}

.sy-ban{ width: 100%;position: relative; overflow: hidden;}
.sy-ban img.img-m{ width: 100%;}
.sy-ban .ban_txt{ position: absolute; left:5%; top:10%; height:100%;}
.sy-ban .ban_txt img{ height: 80%;}
.tzicon{ position: absolute; top: 70%; left: 0; width: 46px; height: 46px; border-radius: 50%; background: #fff; z-index:5; text-align: center; cursor:pointer;  transition:.2s ease; display:none;}
.tzicon i{ font-size: 20px; color: #a60000; line-height:46px;  transition:.2s ease;}
.tzicon:hover{ background:#a60000; box-shadow: 0 0 8px 0 rgba(255,255,255,.8);}
.tzicon:hover i{ color:#fff;}
.tzbg{ width: 330px; border-radius:10px; background:rgba(255,255,255,.9); position:absolute; left:5%; top:30%; z-index:5; transition:.2s ease;}
.tzbg:hover{ background:#fff;}
.tzbg h4{ font-size: 17px; font-weight: normal; color:#a60000;}
.tzbg h4 i{ margin-left: 5px;}
.tzbg p{ font-size: 17px; margin: 30px 0 40px; color:#333;}
.tzbg span{ color: #999999; font-family: dinpro;}
.tz_box{ position: relative; padding: 30px 30px 60px;}
.tz_box .icon-guanbi{ color: #999; position: absolute; right: 20px; top: 20px; font-size:30px; cursor:pointer;}
.tz_box .icon-guanbi:hover{ color:#a60000;}

.top_h{ height: 90px;}
.top_search{ margin-right: 30px;}
.top_search form{ background: #ededed; border-radius: 5px; overflow: hidden; line-height: 34px; padding-left: 5px;}
.top_search form input{ background: none; line-height: 34px; font-size: 14px;}
.top_search form input.sub{ width: 40px; background: #a60000 url(../images/search_03.png) no-repeat center center; cursor: pointer;}
.index_head .lang:hover{ color: #a60000;}
.sy_item_tit{ margin-bottom: 30px;color: #ffffff;}
.sy_item_tit h3{ font-size: 40px; font-family: sourb; margin-bottom: 15px;}
.sy_item_tit p{ font-size: 26px; font-family: dinpro; color: #ffffff; text-transform: uppercase;}
.sy_item_tit p span{ color: #a60000;}
.item_top{ display: flex; align-items: flex-end; margin-bottom: 30px;}
.item_top .sy_item_tit{ margin-right: auto; margin-bottom: 0;}
.item_top .more{ color: #a60000; font-size: 14px;}
.sy_pro_nav ul li{ width: 19%; float: left; margin-right: 1.25%; background: #fff; position: relative; border: 3px solid #fff;}
.sy_pro_nav ul li a{ padding-top: 34.5%; display: block;}
.sy_pro_nav ul li .hot{ position: absolute; left:5px; top:5px; color:#a60000;}
.sy_pro_nav ul li .hot i{ color:#a60000 ; font-size:24px;}
.sy_pro_nav ul li:nth-child(5){ margin-right: 0;}
.sy_pro_nav ul li:nth-child(3) .hot,.sy_pro_nav ul li:nth-child(4) .hot,.sy_pro_nav ul li:nth-child(5) .hot{ display:none;}
.sy_pro_nav ul li p{position: absolute; width: 100%; padding: 0 20px; left: 0; bottom: 20px;}
.sy_pro_nav ul li .icon{position: absolute; top: 20px; right: 20px;transition: .2s ease; height:42px; overflow:hidden;}
.sy_pro_nav ul li i.plus{ font-weight: bold; font-size: 20px; position: absolute; right: 0; bottom: 0; display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; color: #fff;}
.sy_pro_nav ul li:hover { border-color: #a60000;}
.sy_pro_nav ul li:hover p{ color: #a60000;}
.sy_pro_nav ul li:hover i.plus{ background: #a60000;}
.sy_pro_nav ul li:hover .icon{ top: 15px;}
.sy_pro_nav ul li:nth-child(2) .icon img,.sy_pro_nav ul li:nth-child(1) .icon img{transform: translateY(-200px); filter: drop-shadow(#a60000 0 200px);}
.sy_pro_list{ margin-top: 30px; position: relative;}
.sy_pro_list ul li{ background: #fff; text-align: center;}
.swiper-container{ overflow: hidden;}
li .more_btn.gb{ min-width: 110px; margin-top: 20px;}
li .more_btn.gb span{ line-height: 28px;}
.sy_pro_list ul li .sy_pro_txt{ padding:20px 10px;}
.sy_pro_list ul li:hover p{ color:#a60000;}
.sy_pro_list ul li .sy_pro_txt p{ height: 24px; overflow: hidden;}
.sy_pro_list ul li .more_btn p{ color: #222; height: 24px; line-height: 24px; overflow: hidden;}
.swiper-button-prev:after, .swiper-button-next:after{ font-size: 30px;}
.swiper-button-prev, .swiper-button-next{ bottom: 47%;}
.sy_pro_list .swiper-button-prev{ left: -40px;}
.sy_pro_list .swiper-button-next{ right: -40px;}
.swiper-button-prev:hover:after, .swiper-button-next:hover:after{ color: #a60000;}
.sy_app_txt{ width: 50%; padding: 50px;}
.sy_app_txt h2{ font-weight: normal; font-size: 28px; margin-bottom: 20px;}
.sy_app_txt .more_btn{ margin-top: 50px;}
.app_center .swiper-num{ position: absolute; left: 50px; bottom: 50px; font-family: dinpro; font-size: 24px; color: #333;}
.sy_app_img{ width: 50%;}
.app_center{ position: relative;border: 1px solid #eeeeee;} 
.sy_app_img ul li .imgfd{ padding-top: 54%;}
.app_center .swiper-num .active{ font-size: 48px; color: #a60000; font-weight: bold;}
.app_center .swiper-button-prev,.app_center .swiper-button-next{ width: 45px; height: 45px; line-height: 45px; color: #fff; border: 1px solid #999; bottom: 0;}
.app_center .swiper-button-prev:after,.app_center .swiper-button-next:after{ font-size: 20px; }
.app_center .swiper-button-prev{ left: 50%; margin-left: -45px;}
.app_center .swiper-button-prev:after{ color: #999;}
.app_center .swiper-button-next{ right: 50%; margin-right: -45px; background: #a60000; border-color: #a60000;}
.app_center .swiper-button-next:after{ color: #fff;}
.sy_about{ text-align: center; padding-bottom: 0;}
.sy_about .short_line{ width: 70px; height: 2px; background: #a60000; display: inline-block; margin: 30px 0 20px;}
.sy_about .sy_ab_tit{ font-weight: normal; font-family: sour; font-size: 30px; color: #a60000;}
.sy_about .sy_ab_txt{ width:80%; margin: 30px auto;}
.sy_about .sy_ab_txt p{ color: #ffffff;font-size: 16px;line-height:34px;}
.sy_number{ background: rgba(166,0,0,.8); margin-top: 80px;}
.sy_number dl dt{ width: 20%; border-right: 1px solid rgba(255,255,255,.5); padding: 40px 0; color: #fff;}
.sy_number dl dt:last-child{ border: none;}
.sy_number dl dt b{ font-family: dinpro; font-size: 72px;}
.sy_news_box .sy_news_item{ background: #fff; width: 32%; padding-bottom: 50px; float: left; margin-right: 2%; position: relative;}
.sy_news_box .sy_news_item:nth-child(3n){ margin-right: 0;}
.sy_news_box .sy_news_item .imgfdd img{ height: 246px;}
.sy_news{ background: #ededed;}
.news_info{ padding: 25px; display: flex; align-items: flex-start;}
.news_info .line{ width: 1px; height: 60px; background: #cecece; margin: 0 auto;}
.news_info .date{ font-family: dinpro; color: #333; text-align: center;}
.news_info .date b{ color: #a60000; font-size: 28px;}
.news_info .news_txt{ max-width: 75%;}
.news_info .news_txt h2{ font-weight: normal; font-size: 18px; line-height: 30px; height: 60px; overflow: hidden;}
.news_info .news_txt p{ height: 48px; overflow: hidden; margin-bottom: 30px; font-size: 14px;}
.news_info .news_txt span{ font-size: 14px; color: #a60000;}
.news_info .news_txt span i{ font-size: 14px; margin-left: 5px;}
.sy_news_box .sy_news_item .col_name{width: 100%; text-align: center; position: absolute; bottom: 0; left: 0;}
.sy_news_box .sy_news_item .col_name span{ display: inline-block; width: 140px; line-height: 40px; background: #cecece; color: #333;}
.faq_list{ padding: 25px;}
.faq_list ul li span{ font-family: dinpro; font-size: 14px; color: #a60000;}
.faq_list ul li p{ color: #333; font-size: 18px; line-height: 30px; height: 30px; overflow: hidden;}
.faq_list ul li{ margin-bottom: 30px;}
.sy_news_item:hover .news_info h2,.faq_list ul li:hover p{ color: #a60000;}
.foot_center{ padding: 60px 0;}
.foot_center .f_logo{ margin-bottom: 30px;}
.foot_center .f_logo img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.contact_box ul li{ margin-bottom: 15px; display: flex; align-items: flex-start; font-size: 14px;}
.contact_box ul li i{ display: block; font-size: 22px; color: #a60000; margin-right: 5px;}
.f_nav{ margin-left: auto; width: 65%;position:relative;}
.foot_qr{ width: 100px;overflow: hidden;margin: 20px 20px 0px 0px;text-align: center;display:inline-block;}
.foot_qr img{ width: 100px;}
.foot_qr span{ display: block; font-size: 14px; color: #ddd; margin-top:5px;}
.f_nav ul{ align-items: flex-start;}
.f_nav a{ display: block;font-size: 14px; color: #ffffff; margin-bottom: 10px;}
.f_nav a:hover{ text-decoration: underline;}
.f_nav ul p{ font-size: 17px; color: #fff; margin-bottom: 30px;font-weight: bold;}
.f_nav ul li{ margin-left: auto;}
.f_nav ul li:first-child{ display:none;}
.f_nav ul li:nth-child(2){ margin-left:0;}
.copy{ font-size: 14px; color: #fff; text-align: center; border-top: 1px solid rgba(255,255,255,.3); padding: 25px 0;}
.copy a{ color: #fff;}
.logo_box{ margin-top: 30px;}
.logo_box img{ height: 40px;}
.logo_box a{ margin-right: 50px;}
.link{ margin-top: 30px; font-size:14px; color:#fff; line-height:16px;}
.link a{ color: #bbbbbb; margin-left: 20px; padding-left:20px; display:inline-block; border-left:1px solid #ddd;}
.link a:first-child{ border:none;}
.posi{ line-height: 70px; font-size:14px; background:#ededed;}
.posi.gray_bg{ background: #f6f6f6;}
.posi .ny_ab_nav{ margin-left: auto;}
.posi .ny_ab_nav a{ font-size: 16px; display: inline-block; width: 200px; text-align: center;}
.posi .ny_ab_nav a.on,.posi .ny_ab_nav a:hover{ background: #a60000; color: #fff;}
.ny_title{ font-size: 30px; line-height: 28px; padding-left: 15px; border-left: 5px solid #a60000; margin-bottom:30px;}
.ny_sol_list ul li{ background: #fff; margin-bottom:40px;}
.ny_sol_list ul li .ny_sol_txt{ padding: 30px;}
.ny_sol_txt h2{ font-weight: normal; font-size:20px; line-height:26px; height:26px; overflow:hidden; margin-bottom:15px;}
.ny_sol_txt p{ font-size: 14px; line-height: 24px; height: 48px; overflow:hidden;}
.ny_sol_list ul li .imgfd{ padding-top: 56.25%;}
.ny_sol_list ul li:hover h2{ color:#a60000;}
.main_left{ width: 77%;}
.main_right{ width: 20%;}
.ny_news_list ul li{ padding-bottom: 30px; margin-bottom: 30px; border-bottom:1px solid #e8e8e8;}
.ny_news_img{ width: 20.5%;}
.ny_news_txt{ width: 77%;}
.ny_news_txt h2{ font-weight: normal; font-size:20px; line-height:26px; height:26px; overflow:hidden;}
.ny_news_txt .date{ display: block; font-family: dinpro; color: #a60000; font-size: 14px; margin:10px 0;}
.ny_news_txt .date i{ margin-right: 5px; font-size:14px;}
.ny_news_txt p{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden;}
.ny_news_list ul li:hover h2{ color:#a60000;}

.hotn_tit{ padding: 20px; background: #a60000; color: #fff; font-size: 26px; font-weight: normal; font-size:26px;}
.hotn_tit span{ font-size: 16px;}
.hot_news ul{ border: 1px solid #ddd;}
.hot_news ul li{ border-bottom: 1px solid #ddd;}
.hot_news ul li a{ padding: 17px; display:block;}
.hot_news ul li .date{ font-family: dinpro; font-size: 14px; color:#a60000;}
.hot_news ul li p{ font-size: 15px; line-height: 24px; height: 48px; margin-top: 5px;}
.hot_news ul li:hover p{ color:#a60000;}
.hot_news ul li:last-child{ border:none;}
.about_main{ text-align: center; }
.about_main h3{ font-size: 36px; }
.about_main h3 span{ font-weight: normal;}
.about_main .short_line{ background: #a60000; width: 100px; height: 3px; display: inline-block; margin:20px 0;}
.about_main .main_txt{ text-align: left; color:#333;}
.about_main .main_txt p{ line-height: 30px;}
.ab_number{ background: #f0f0f0; text-align: center; color:#333;padding:40px 0px;}
.ab_number dl dt b{ color: #a60000;}
.ab_number p{color: #333;}
.ab_number dl dt{ padding: 0;}
.zhici_left{ width: 28%; background: #a60000;}
.zhici_right{ width: 69%;}
.tit_list{ padding:35px 40px; color:#ffc852;}
.tit_list p{ line-height: 40px;}
.zhici_right h3{ font-size: 36px; margin-bottom: 30px;}
.zhici_right p{ line-height: 30px; color:#333;}
.zhici_left .imgfd{ padding-top: 66.7%;}
.about_cult{ text-align: center;margin-top: 60px;}
.about_cult h3{ font-size: 36px; margin-bottom:10px;}
.about_cult .short_line{ width: 100px; height: 2px; background: #a60000; display: inline-block; margin:10px 0 20px;}
.cult_list ul li{ width:24.9%; float: left; margin-right:0.1%; margin-bottom:2px;box-sizing: border-box;background: #f0f0f0;padding: 30px 10px;}
.cult_list ul li img{ -webkit-transition: 2s ease;-moz-transition: 2s ease;}
.cult_list ul li:hover img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.cult_list ul li:hover h4{ color:#a60000;}
.cult_list ul li:hover{background: #eceae4;}
.cult_list ul li h4{ font-size: 20px; margin: 15px 0; color:#333;}
.cult_list ul li p{ line-height: 30px;height: 50px;}
.about_team h3{ text-align: center; margin-bottom: 40px; font-size:36px;}
.team_list ul li{ width: 32%; margin-right: 2%; float:left; position:relative;}
.team_list ul li:nth-child(4){ margin-right:0;}
.team_list ul li .imgfd{ padding-top: 112%;}
.team_list ul li .team_txt{ position: absolute; width: 100%; height: 100%; padding: 130px 70px 0; color:#fff; z-index:5; left:0; top:0;}
.team_list ul li .team_txt h4{ font-size: 30px; color: #fff; margin-bottom: 30px;}
.team_list ul li .team_txt p{ color: #fff; line-height: 30px;}
.workshop{ margin-top: 60px;}
.workshop .work_title{ text-align: center; margin-bottom:30px;}
.work_title h3{ font-size: 36px; margin-bottom:10px;}
.work_title .short_line{ width: 100px; height: 2px; background: #a60000; display: inline-block; margin:10px 0 20px;}
.work_list{ padding-bottom: 50px; position: relative;}
.work_list ul li{ border: 1px solid #ddd;}
.work_list .swiper-button-prev,.work_list .swiper-button-next{ bottom: 0; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; background: #e8e8e8; font-size:20px;}
.work_list .swiper-button-prev:after,.work_list .swiper-button-next:after{ font-size: 16px;}
.work_list .swiper-button-prev{ left: 45%;}
.work_list .swiper-button-next{ right: 45%;}
.work_list .swiper-button-prev:hover,.work_list .swiper-button-next:hover{ background:#a60000; color: #fff;}
.work_list .swiper-button-prev:hover:after,.work_list .swiper-button-next:hover:after{ color: #fff;}
.ny_honor_nav{ text-align: center; margin-bottom:40px;}
.ny_honor_nav a{ display: inline-block; line-height: 50px; padding: 0 20px; margin:0 10px;}
.ny_honor_nav a.on,.ny_honor_nav a:hover{ background:#a60000; color: #fff;}
.honor_des{ color: #333; margin-bottom: 40px;}
.honor_list{width: 100%;overflow: hidden;margin-top: 20px;padding-bottom: 50px; position: relative;}
.honor_list ul li{ float: left; width:24%; margin:0.5% 1% 0.5% 0px;overflow: hidden;}
.honor_list ul li:nth-child(4n){ margin-right:0;}
.honor_list ul li p{ line-height: 50px; background: #ffffff;color: #324D8B; height:50px; overflow:hidden; text-align:center;border-radius: 0px 0px 10px 10px;font-size: 16px;}
.honor_list ul li .honor_img{padding:0px;}
.honor_list ul li .imgfd{border: 1px solid #e8e8e8;border-radius: 0px; }
.honor_list ul li:hover p{ background:#ffffff; color: #a60000;}
.honor_list .swiper-button-prev,.honor_list .swiper-button-next{ bottom: 0; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; background: #e8e8e8; font-size:20px;}
.honor_list .swiper-button-prev:after,.honor_list .swiper-button-next:after{ font-size: 16px;}
.honor_list .swiper-button-prev{ left: 45%;}
.honor_list .swiper-button-next{ right:45%;}
.honor_list .swiper-button-prev:hover,.honor_list .swiper-button-next:hover{ background:#a60000; color: #fff;}
.honor_list .swiper-button-prev:hover:after,.honor_list .swiper-button-next:hover:after{ color: #fff;}


.xz-list{ background: #fff; border-top:2px solid #a60000;}
.xz-list .z_sx{height: 70px;line-height: 70px;color: #333; font-size:18px;}
.xz-list .z_sx th:first-child,.xz-list .xz-flmc td:first-child{padding-left: 60px;}
.xz-list tr{border-bottom: 1px dashed #ddd;color: #333;}
.xz-list .xz-flmc td{height: 65px;line-height: 65px;overflow: hidden;}
.xz-list .xz-flmc td a{display: block;color: #333;}
.xz-list .xz-flmc td a i{ font-size: 26px; color: #666;}
.xz-list .xz-flmc:hover a{ color:#a60000;}
.xz-list  td:last-child,.xz-list  th:last-child{ text-align:center;}
.xz-list .xz-flmc:hover i{color:#a60000;}

.ui-box{background:#fff;}
.ui-box-radius{border-radius:20px 0 0 0;}
.ui-box-radius .ui-box-title{border-radius:0px 0 0 0;}
.ui-box-title{background:#324D8B;color:#fff;font-size:24px;font-weight:400;padding:30px;margin-bottom:2px;}
.ui-box-title span{display:block;font-size:14px;color:#eaeaea;font-weight:300;text-transform:uppercase;line-height:30px;}
.ui-box .des{width: 100%;overflow: hidden;padding:30px;font-size:16px;color:#666666;line-height:28px;background: #f6f6f6;text-indent: 2em;}
.ui-collapse-menu{margin:15px 0;}
.ui-collapse-menu-title a{transition:all 0.5s ease;}
.ui-collapse-menu-title:hover a{padding-left:10px;}
.ui-collapse-menu-body li a{transition:all 0.5s ease;}
.ui-collapse-menu-body li a:hover{padding-left:10px;}
.ui-collapse-menu-body li i{color:#999;}
.ui-collapse-menu-body ul li.active i{color:#234f8e;}
.ui-collapse-menu-body ul li.active a{color:#234f8e;}

.ui-box-h2{font-size:24px;padding:30px 30px;border-bottom:1px solid #eaeaea;position:relative;color: #000000;}
.ui-box-h2:after{position:absolute;display:block;content:"";border-bottom:5px solid #234f8e;bottom:0;left:30px;width:45px;}
.ui-box-body{padding:25px 30px;word-break:break-all;min-height:380px;overflow: hidden;}
.ui-box-body .col-10{max-width:760px;}
 .ui-box-body h2{font-size:16px; margin: 10px 0 10px  0px; line-height: 32px; padding: 10px; color: #234f8e; font-weight: bold; border-bottom: 1px solid #eeeeee; letter-spacing: 1px;}
 
 
.ui-box-body img,.ui-box-body p img{max-width:100%;}
.ui-box-body p{margin: 0px 0px 20px 0px;padding: 0px;max-width: 100%;font-size: 16px;letter-spacing: 0.578px;text-align: justify;text-wrap: wrap; line-height: 1.9em  !important;; text-indent: 2em;}
.ui-box-body .content a{color:#324D8B;}
.ui-box-body .content a:hover{color:#f30;}
.ui-collapse-menu.ui-collapse-menu-border{border:1px solid #f3f3f3;}
.ui-collapse-menu-title{display:flex;justify-content:space-betweend;border-bottom:1px solid #f3f3f3;line-height:50px;padding:0 0 0 20px;}
.ui-collapse-menu-title a{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 16px;}
.ui-collapse-menu-title i{display:block;transition:all 0.4s ease;color:#ccc;cursor:pointer;min-width:50px;text-align:center;}
.ui-collapse-menu-title.active{background:#eeeeee;color: #324D8B;}
.ui-collapse-menu-title.active i{transform:rotate(90deg);}
.ui-collapse-menu-title.active a{background:#eeeeee;color: #324D8B;font-weight: bold;}
.artlist{}
.artlist-item{display:flex;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.06);min-height:130px;padding:30px 0;}
.artlist-item:first-child{padding-top:10px;}
.artlist-item-image{width:200px;margin-right:30px;}
.artlist-item-image img{width:100%;max-height:140px;border-radius:4px;}
.artlist-item-image svg{width:100%;text-anchor:middle;border-radius:4px;border:1px solid #eaeaea;}
.artlist-item-body{flex:1;overflow:hidden;padding-right:0px;}
.artlist-item-body .title{font-size:20px;font-weight:bold;}
.artlist-item-body .desc{font-size:16px;color:#666;line-height:22px;margin-top:10px;}
.artlist-item-body .desc p{margin:0;}
.artlist-item-body .tags{color:#999;margin-top:15px;}
.artlist-item-body .tags a{margin:0 6px;font-size:15px;font-family:arial,microsoft yahei;color:#666;}
.artlist-item-body .tags a:hover{color:#f30;}
.artlist-item-date{width:120px;padding:40px 0 0 40px;font-size:28px;color:#999;font-weight:300;position:relative;}
.artlist-item-date:after{display:block;content:"";width:1px;height:60px;background:#f3f3f3;left:10px;top:32px;position:absolute;}
.artlist-item-money{width:200px;font-size:18px;color:#F60;}
.artlist-item-money span{display:block;font-size:16px;color:#333;line-height:36px;font-weight:bold;}
.artlist-item-money:after{height:80%;}
.artlist-item:hover .artlist-item-date{color:#324D8B;}
.artlist-item:hover .artlist-item-body .title{color:#324D8B;}
.artlist-item:hover .artlist-item-body .desc{color:#333;}

.bg-main{background: #f1f2f4;padding: 50px 0;display: inline-block;width: 100%;margin-bottom: -5px;}
.bg-main2{background: #fff;}
.main-fl{width: 78%;}
.main-fr{width: 20%;}
.main-fr .box{background: #fff;padding: 30px;}
.main-fr .box span{font-size: 20px;color: #333;}
.main-fr .box li{display: inline-block;width: 100%;margin-top: 15px;}
.main-fr .box li .imgfd{max-height: 80px;width: 36%;}
.main-fr .box li .txt{max-height: 80px;width: 58%;}
.main-fr .box li .txt p{font-size: 16px;color: #333;display: block;height: 22px;line-height: 22px;overflow: hidden;margin-bottom: 5px;}
.main-fr .box li .txt i{font-size: 12px;color: #5b5b5b;}
.main-fr .box li:hover .txt p{color: #002767;}

.list-new li a{display: block;padding: 30px;}
.list-new li{width: 100%;background: #fff;margin-bottom: 30px;}
.list-new li:last-child{margin-bottom: 60px;}
.list-new li .box{display: inline-block;}
.list-new li .imgfd{max-height: 220px;width: 30%;}
.list-new li .txt{width: 66%;}
.list-new li .txt h2{font-size: 22px;color: #333;height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;}
.list-new li .txt .wz{font-size: 16px;color: #666;line-height: 30px;height: 60px;overflow: hidden;margin: 20px 0 60px;}
.list-new li .txt .more,.list-new li .txt .date{font-size: 16px;color: #333;}
.list-new li .txt .more span{font-family: 宋体;margin-left: 5px;}
.list-new li:hover .txt h2,.list-new li .txt .more:hover{color: #002767;}
.show-bg{background: #fff;padding: 80px 50px;}
.show-new h1{font-size: 30px;color: #333;display: block;margin-bottom: 30px;font-weight: bold;line-height: 35px;text-align: center;}
.show-new dl{display: inline-block;width: 100%;}
.show-new dl dt{float: left;margin-right: 60px;padding-left: 20px;}
.show-new dl dt:nth-child(1){background: url(/storage/4038/tpl/my_18/images/ns-ic1.png) no-repeat left;}
.show-new dl dt:nth-child(2){background: url(/storage/4038/tpl/my_18/images/ns-ic2.png) no-repeat left;}
.show-new dl dt:nth-child(3){background: url(/storage/4038/tpl/my_18/images/ns-ic3.png) no-repeat left;}
.fanye li{width: 40%;height: 32px;line-height: 32px;background: #f1f2f4;padding: 0 20px;overflow: hidden;font-size: 14px;color: #717171;} 
.fanye li a{color: #717171;}
.fanye li:hover a{color: #002767;}
.show-new .des{border-top: 1px solid #ebebeb;padding: 50px 0 60px;margin-top: 40px;font-size: 16px;}
.show-new .des p{margin: 10px 0px;padding: 0px;max-width: 100%;font-size: 16px;letter-spacing: 0.578px;text-align: justify;text-wrap: wrap; line-height: 1.8em; text-indent: 2em;}
.show-new h2{font-size:20px;margin: 10px 0px;font-weight: bold;letter-spacing: 0.578px;text-align: justify;text-wrap: wrap; line-height: 1.8em; }
.show-new h3{font-size:18px;margin: 10px 0px;font-weight: bold;letter-spacing: 0.578px;text-align: justify;text-wrap: wrap; line-height: 1.8em; }
.show-new img{max-width:96%;text-align: center;margin: 10px auto;display: block;}

/*Page*/
.ui-page{user-select:none;}
.ui-page ul{margin:0;padding:0;list-style:none;display:flex;margin-left:1px;}
.ui-page ul li{font-size:0;list-style:none;display:inline-block;border:1px solid #d9d9d9;margin-left:-1px;}
.ui-page ul li:first-child,.ui-page ul li:first-child a{border-radius:4px 0 0 4px;}
.ui-page ul li:last-child,.ui-page ul li:last-child a{border-radius:0 .4px 4px 0;}
.ui-page ul li a{font-size:16px;display:block;padding:0 15px;line-height:40px;color:#444;background:#fff;}
.ui-page ul li a:not([href]){color:#999;cursor:not-allowed;}
.ui-page ul li.active{border-color:#324D8B;background:#324D8B;}
.ui-page ul li.active a{color:#fff;background:#324D8B;}
.ui-page ul li.active a:hover{background:#324D8B;}
.ui-page ul li:hover a{background:#f9f9f9;}
.ui-page-red ul li.active{border-color:#ED4014;background:#ED4014;}
.ui-page-red ul li.active a{background:#ED4014;}
.ui-page-red ul li.active a:hover{background:#ED4014;}
.ui-page-yellow ul li.active{border-color:#F37B1D;background:#F37B1D;}
.ui-page-yellow ul li.active a{background:#F37B1D;}
.ui-page-yellow ul li.active a:hover{background:#F37B1D;}
.ui-page-green ul li.active{border-color:#19BE6B;background:#19BE6B;}
.ui-page-green ul li.active a{background:#19BE6B;}
.ui-page-green ul li.active a:hover{background:#19BE6B;}
.ui-page-info ul li.active{border-color:#2DB7F5;background:#2DB7F5;}
.ui-page-info ul li.active a{background:#2DB7F5;}
.ui-page-info ul li.active a:hover{background:#2DB7F5;}
.ui-page-mid ul li{margin-right:6px;}
.ui-page-mid ul li{border-radius:2px;}
.ui-page-mid ul li:first-child,.ui-page-mid ul li:last-child{border-radius:2px;}
.ui-page-center ul{display:flex;justify-content:center;align-items:center;}
.ui-page-right ul{display:flex;justify-content:flex-end;}
.ui-page-right{display:flex;}
.ui-page-right .ui-page-other{flex:1;justify-content:flex-start;align-items:center;display:flex;}


.leftnav-z1-desc {background:#fff;max-height:180px;margin-bottom:14px;}
.leftnav-z1-desc dt {height:30px;padding:20px 0;}
.leftnav-z1-desc dt b {display:inline-block;font-weight:normal;border-left:13px solid #e3e3e3;border-right:7px solid #e3e3e3;padding:0 12px 0 13px;font-size:28px;color:#7c7c7c;}
.leftnav-z1-desc dt b span {font-size:18px;color:#bfbfbf;text-transform:uppercase;padding-left:10px;}
.leftnav-z1-desc dd {padding:0 27px 0 27px;}
.leftnav-z1-desc dd h4 {font-size:24px;font-weight:normal;color:#797979;max-height:44px;line-height:44px;overflow:hidden;}
.leftnav-z1-desc dd div {font-size:14px;line-height:24px;color:#666;max-height:48px;overflow:hidden;}
.leftnav-z1-tit {height:50px;font-size:24px;font-weight:normal;line-height:50px;border-bottom:1px solid #ebebeb;margin-bottom:15px;}
.leftnav-z1-tit span {display:inline-block;height:50px;border-bottom:1px solid #e01415;}
.leftnav-z1-list dl {width:31%;border:1px solid #dedede;margin-bottom:15px;background:#fff;float:left;margin-right:1.3%;box-sizing:border-box;}
.leftnav-z1-list dl:nth-child(4n-1) {margin-right:0;}
.leftnav-z1-list dt img {width:100%;display:block;}
.leftnav-z1-list dd {padding:6px 20px 5px 20px;}
.leftnav-z1-list dd h4 {height:45px;font-weight:normal;font-size:18px;color:#154c64;line-height:45px;overflow:hidden;}
.leftnav-z1-list h4 a {display:block;height:45px;color:#727272;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.leftnav-z1-list dl:hover h4 a {color:#4F71BF;}
.leftnav-z1-list-desc {height:40px;font-size:14px;line-height:20px;color:#666;margin-bottom:12px;overflow:hidden;}
.leftnav-z1-list-deta {width:100px;height:40px;display:inline-block;border:1px solid #aaa;font-size:16px;line-height:40px;text-align:center;}
.leftnav-z1-list dl:hover {border-color:#4F71BF;}
.leftnav-z1-list dl:hover .leftnav-z1-list-desc a {color:#4F71BF;}
.fdh-01-tit {background:#4F71BF;height:80px;}
.fdh-01-tit h2 {height:75px;font-size:24px;font-weight:normal;line-height:75px;color:#fff;border-bottom:1px solid #fff;text-align:center;}
.fdh-01-tit h2 span {font-size:14px;text-transform:uppercase;}
.fdh-01-nav-one h3 {height:50px;line-height:50px;background:url(/storage/4038/tpl/my_18/images/p14-icon5.png) no-repeat right center #8199D1;margin-bottom:2px;overflow:hidden;}
.fdh-01-nav-one h3 a {display:block;height:50px;font-size:18px;font-weight:normal;margin-right:40px;margin-left:38px;color:#ffffff;}
.fdh-01-nav-one h3.sidenavcur,.fdh-01-nav-one h3:hover {background:url(/storage/4038/tpl/my_18/images/p14-icon2.png) no-repeat right center  #324D8B;}
.fdh-01-nav-one h3.sidenavcur a,.fdh-01-nav-one h3:hover a {color:#fff;font-weight: bold;}
.fdh-01-nav dl {padding:2px 0 4px;}
.fdh-01-nav dt {height:50px;font-size:16px;line-height:50px;padding-left:54px;padding-right:40px;margin-bottom:1px;background:#DBE2F2;position:relative;overflow:hidden;}
.fdh-01-nav dt:after {content:"";width:8px;height:8px;border:2px solid #b8b8b8;border-style:solid solid none none;top:50%;right:32px;margin-top:-4px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.fdh-01-nav dt.sidenavcur:after,.fdh-01-nav dt:hover:after {border-color:#4F71BF;}
.fdh-01-nav dt.sidenavcur a,.fdh-01-nav dt:hover a {color:#4F71BF;}
.fdh-01-nav dd {border:1px solid #ececec;border-bottom:0;}
.fdh-01-nav p {height:50px;font-size:14px;line-height:50px;padding-left:72px;padding-right:40px;border-bottom:1px solid #ececec;background:#fff;position:relative;overflow:hidden;}
.fdh-01-nav p.sidenavcur a,.fdh-01-nav p:hover a {color:#4F71BF;}
.fdh-01-nav p.sidenavcur:after,.fdh-01-nav p:hover:after {background:#4F71BF;}
.fdh-01-nav a {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


@media (max-width: 1200px){
	.show-new h1{font-size: 28px;}
}
@media (max-width: 1024px){
	.show-new h1{font-size: 24px;margin-bottom: 15px;}
	.show-new .des{padding: 40px 0;}
	.show-bg{padding: 40px;}
	.main-fl{width: 100%;}
}
@media (max-width: 768px){
	.show-new h1{font-size: 20px;}
	.show-new .des{padding: 20px 0;margin: 20px 0;}
	.show-new dl dt{margin-bottom: 10px;}
	.fanye li{width: 96%;padding: 0 2%;margin-top: 10px;}
	.show-bg{padding: 40px 30px;}
	.ui-box-body{padding:25px 10px;word-break:break-all;min-height:380px;overflow: hidden;}
}
@media (max-width: 500px){
	.show-bg{padding: 30px 20px;}
	.show-new h1{font-size: 18px;}
	.show-new .des{margin-top: 0;}
	.show-new dl dt{font-size: 14px;}
	.show-new .des{font-size: 15px;}
}

@media (max-width: 1200px){
	.imgDiv h2{font-size: 30px;}
	.bg-main{padding: 70px 0;}
	.list-new li .txt .wz{margin-bottom: 30px;}
	.main-fr .box li .txt i{display: none;}
	.imgDiv img{width: 130%;margin-left: -30%;}
	.artlist-item-date{display: none;}
	.artlist-item-body .title{font-size:16px;font-weight:bold;}
}
@media (max-width: 1024px){
	.main-fr{display: none;}
	.main-fl{width: 100%;}
	.bg-main{padding: 60px 0;}
	.list-new li:last-child{margin-bottom: 40px;}
	.imgDiv .cont{top: 50%;}
}
@media (max-width: 768px){
	.bg-main{padding: 50px 0;}
	.loca-wz{display: none;}
	.fl-sec{width: 100%;}
	.list-new li .imgfd{width: 38%;}
	.list-new li .txt{width: 58%;}
	.list-new li .txt h2{font-size: 20px;}
	.imgDiv h2{font-size: 26px;}
	.fl-sec li a{font-size: 16px;}
	.ui-box .des{width: 100%;overflow: hidden;padding:20px 1px;font-size:16px;color:#666666;line-height:28px;background: #f6f6f6;text-indent: 2em;}
}
@media (max-width: 500px){
	.imgDiv img{width: 180%;}
	.imgDiv h2{font-size: 22px;}
	.loca{height: 50px;line-height: 50px;}
	.fl-sec li{margin-right: 0;width: 25%;text-align: center;}
	.fl-sec li a{font-size: 15px;}
	.fl-sec li:hover i,.fl-sec li.cur i{width:60%;}
	.bg-main{padding: 30px 0 40px;}
	.list-new li a{padding: 15px;}
	.list-new li .txt .wz{display: none;}
	.list-new li .txt h2{font-size: 16px;display: block;margin: 10px 0;}
	.list-new li .txt .more, .list-new li .txt .date{font-size: 14px;}
	.list-new li{margin-bottom: 15px;}
	.list-new li:last-child{margin-bottom: 30px;}
}

.padd{padding:50px 0 100px;display: flow-root;}
.nytit{text-align: center;margin-bottom: 50px;}
.nytit h2{font-size: 40px;color: #333;font-weight: bold;}
.nytit .rec{width: 50px;height: 5px;background: #324D8B;margin: 20px auto;}
.nytit .des{max-width: 880px;margin: 0 auto;color: #555;}
.nymap .imgg img{margin: 0 auto;display: block;}

.nycul .nytit{background: #324D8B;padding: 34px 0;}
.nycul .nytit h2{color: #fff;}
.nycul .nytit .rec{background: #fff;margin-bottom: 10px;}
.nycul li{width: 25%;float: left;padding: 35px 50px;text-align: center;border-radius: 10px;overflow: hidden;}
.nycul li b{font-size: 20px;color: #324D8B;display: block;margin: 20px 0;height: 22px;line-height: 22px;overflow: hidden;}
.nycul li .des{height: 90px;overflow: hidden;}
.nycul li:hover{box-shadow: 0 0 10px rgba(0,153,153,.3);}
.list-cul{padding-bottom: 0;}
.list-cul li{width: 33.33%;float: left;padding: 90px;text-align: center;color: #fff;}
.list-cul li .rec{width: 70px;height: 2px;background: #324D8B;margin: 30px auto;}
.list-cul li .des2{color: #fff;overflow: hidden;height: 216px;overflow: hidden;}
.list-cul li b{font-size: 20px;line-height: 30px;height: 60px;display: block;}
.nyhzkh li{width: 13%;float: left;margin-right: 1.5%;margin-bottom: 20px;border: 1px solid #eee;padding: 10px 0;background: #ffffff;text-align: center;}
.nyhzkh li:nth-child(7n){margin-right: 0;}
.nyhzkh li img{width: 200px;height: 100px;}
@media (max-width: 960px){
	.nyhzkh li,.nyhzkh li:nth-child(6n){width: 32%;margin-right: 2%;}
	.nyhzkh li:nth-child(3n){margin-right: 0;}
	.nyhzkh li img{max-width: 100%;}
}
.join_title{ text-align: center;margin-bottom: 40px;}
.join_title b{font-family: dinprobl; color: #eeeeee; font-size: 110px; line-height:100px; text-transform:uppercase;}
.join_title h3{ font-size: 36px; margin-top: -60px;}
.join_title .short_line{ background: #a60000; width: 70px; height: 2px; display: inline-block;}
.join_des{ text-align: center; margin:40px 0;}
.join_des p{ font-size:18px; line-height:36px;}
.join_list{ background: #fff;}
.join_list .join_tit p{ line-height: 70px; padding:0 50px;}
.join_list .join_tit:not(.first){ cursor: pointer;}
.join_list .join_tit.on{border-bottom: 1px dashed #dddddd;}
.join_list ul li:first-child .join_tit{ background:#ededed; border:none; font-size:18px;}
.join_list .join_tit p{ width: 24%; color:#333;}
.join_list .join_tit p:first-child{ width:28%;}
.join_list ul li{ border-bottom: 1px solid #e8e8e8;}
.join_txt{ padding: 25px 50px; display:none;}
.join_txt p{ font-size: 14px; line-height: 30px;}
.join_txt h4{ font-size: 16px; font-weight: normal; margin: 20px 0 15px;}
.join_list ul li:last-child{ border:none;}

.sale_left{ width: 45%; padding-top:120px;}
.sale_right{ width: 45%; padding: 0 160px 0 0;}
.sale_left p{ color: #333; line-height: 30px;}
.sale_list{ margin-top: 40px;}
.sale_list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom:30px; padding-top:20px; border-top:1px solid #e8e8e8;}
.sale_list ul li:nth-child(3n){ margin-right:0;}
.sale_list ul li h3{ font-weight: normal; font-size: 18px; margin-bottom:10px; height:24px;}
.sale_list ul li h3 i{ color: #a60000; margin-right:5px;}
.sale_list ul li .sale_info{ height: 144px;}
.sale_list ul li .sale_info p{ font-size: 15px; padding-left: 10px; line-height: 24px;}
.sale_list ul li:hover h3{ color:#a60000;}
.con_left{ width: 45%;}
.map{ width: 50%; overflow: hidden;background: url(/storage/4038/tpl/my_18/images/map.jpg) no-repeat center;border: 1px solid #eeeeee;height: 400px;}
.con_left h3{ margin-bottom: 20px; font-size: 30px;}
.con_item h4{ font-size: 20px; color: #333; font-weight: normal; margin-bottom:10px;}
.con_left p{ color: #333; margin-top:15px;}
.page_message{ padding: 50px 0;}
.msg_title{ text-align: center; margin-bottom: 30px;}
.msg_title h3{ font-size: 36px; margin-bottom: 20px;}
.page_message .formbox.fl{ width: 48%; margin-right:4%; margin-bottom:20px;}
.page_message .formbox input,.page_message .formbox textarea{ line-height: 65px; background: #fff; width: 100%; padding-left: 5px; font-size:14px;}
.page_message .formbox.fl:nth-child(2n){ margin-right:0;}
.page_message .sub{ width: 240px; margin: 20px auto 0; color:#fff; text-align:center; font-size:18px; line-height:65px; background:#002767; display:block; cursor:pointer;} 
.page_message .sub:hover{ text-decoration:underline;}

.procol_list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 45px;}
.procol_list ul li:nth-child(3n){ margin-right:0;}
.procol_list ul li a{ padding: 20px; background: #fff; display:block;}
.procol_list ul li .procol_txt{ padding: 20px 0; border-top: 1px solid #002767; margin-top:20px;}
.procol_txt h2{ font-weight: normal; color: #002767; font-size: 22px;margin-bottom: 15px; line-height:30px; height:30px; overflow:hidden;}
.procol_txt p{ font-size: 14px; line-height: 20px; height: 40px; overflow: hidden;}
.hot_pro h3{ font-size: 30px; margin-bottom:30px;}
.ny_pro_list ul li{ float: left; width: 24%; margin-right: 1.33%;}
.ny_pro_list ul li:nth-child(4n){ margin-right:0;}
.list_top{ padding: 40px 0 65px;}
.list_top h3{ font-size: 30px; font-weight: normal; color: #002767; margin-bottom:10px;}
.list_top p{ font-size: 14px;}
.ny_pro_nav h3{ font-size: 24px; line-height: 90px; width:160px; text-align:center; float:left; background:#f5f5f5;color:#002767;font-weight: bold;}
.ny_pro_nav{ border-top: 2px solid #002767; border-bottom: 1px solid #e8e8e8;background: #ffffff;}
.ny_pro_nav a i{ font-size: 8px; margin-right:5px;}
.ny_pro_nav a{ padding: 0 30px; line-height:88px;}
.nav_list{ float: left;}
.nav_list ul{ display: none; overflow:hidden;}
.nav_list ul li{ float: left;}
.nav_list ul.act{ display: block;}
.nav_list ul li.on a,.nav_list ul li:hover a{ color:#002767;font-weight: bold;}

.pro_lb .ny_pro_list ul li{ border: 1px solid #e8e8e8; margin-bottom:40px;}
.hot_pro.gray_bg{ padding: 45px 0 60px;}
.proshow_top{ padding:20px 0px 20px 0px;border-bottom: 10px solid #f1f2f4;}
.prodet_img{ width: 35%;border: 1px solid #ddd;}
.prodet_txt{ width: 62%; margin-top:20px;padding: 10px 20px;}
.prodet_txt h1{ font-size: 36px; color: #002767; margin-bottom:20px;}
.prodet_txt p{ line-height: 30px;}
.btn_box .down_btn{ margin-left:10px; background: #324D8B; border-color: #324D8B;}
.btn_box{ padding:20px 0; border-top: 1px solid #e8e8e8;margin-top: 20px;}
.product_show{ padding: 50px 0;}
.product_show .show_tit{ font-size: 36px; text-align: center;}
.show_content{ width: 100%; overflow: hidden; padding: 40px 0;}
.show_content img{ max-width: 100%;}
.page_btn{ font-size: 14px; line-height:30px;}
.page_btn .next{ margin-left: auto;}
.page_btn i{ float: left; width:30px; height:30px; border-radius:50%; text-align:center; line-height:30px; background:#f6f6f6; font-size:12px;}
.page_btn .next i{ float: right; margin-left:5px;}
.page_btn .prev i{ margin-right: 5px;}
.page_btn a:hover{ color:#324D8B;}

.right_list{ position: fixed; right: 10px; top: 30%; z-index:99;}
.right_list .quick_tel{ display: none;}
.right_list ul li{ margin-bottom: 3px; position:relative; }
.right_list ul li .right_box{ width: 75px; height: 75px; text-align: center; background: #506fee; border-radius:3px; padding-top:10px; cursor:pointer; box-shadow:0 0 8px rgba(0,0,0,.2);}
.right_list ul li .right_box span{ display: block; font-size: 14px; color: #ffffff; margin-top: 5px;}
.right_list ul li:nth-child(4) .right_box{ width: 75px; height: 75px; text-align: center; background: #a60000; border-radius:3px; padding-top:10px; cursor:pointer; box-shadow:0 0 8px rgba(0,0,0,.2);}
.right_list ul li:nth-child(4) .right_box span{ display: block; font-size: 14px; color: #fff; margin-top: 5px;}

.right_list ul li .zb_box{ position: absolute; top: 0px; right:77px; width:0; transition:.2s ease; display:none; background:url(/storage/4038/tpl/my_18/images/jt_06.png) no-repeat right center; padding-right:7px;}
.right_list ul li:hover .zb_box{ width:auto; display:block;}
.right_list ul li .right_box:hover{ background:#152c7f;}
.right_list ul li .right_box:hover span{ color:#fff;}
.right_list ul li .right_box:hover img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.right_list ul li .zb_box .zb{ background: #152c7f; color: #fff; padding:23px; box-shadow:0 0 8px rgba(0,0,0,.2); font-size:16px;border-radius:3px;}
.right_list ul li:first-child .zb{ width:200px;  font-family: dinpro;font-weight: bold; font-size: 22px;text-align: center;}
.right_list ul li:nth-child(2) .zb{ width:200px; font-family: dinpro;  font-size:18px;text-align: center;line-height:30px;}
.right_list ul li:nth-child(2) .zb a{ color: #ffffff;font-size:18px;}
.right_list ul li:nth-child(2) .zb img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);width: 20px;}
.right_list ul li:nth-child(5) .zb{ width:200px; padding:25px 18px;}
.right_list ul li:nth-child(5) .zb a{ margin-right:15px;}
.right_list ul li:nth-child(5) .zb a:last-child{ margin-right:0;}
.wangdian_box{ background: #fff; padding: 50px; border-radius: 8px; position:fixed; width:40%; left:30%; top:30%; z-index:88; display:none; box-shadow:0 0 15px rgba(0,0,0,.3);}
.wangdian_box h3{ font-size: 36px; text-align:center;}
.wd_list{ text-align: center;}
.wd_list p{ color: #333; font-size: 18px; margin-bottom: 10px; margin-top:30px;}
.wd_list a{ font-size: 14px; color: #a60000;}
.wd_list a:hover{ text-decoration:underline;}
.wd_close{ position: absolute; right: 50px; top: 50px; cursor:pointer;}
.wd_close i{ font-size: 30px;}
.newshow_tit{ margin-top: 40px;}
.newshow_tit h1{ font-size: 40px;}
.newsshow_info{ padding:30px 0; border-bottom: 1px solid #e8e8e8; font-size:14px;}
.newsshow_info .date{ margin-right: auto;}
.mainh{ height: 60px;}
.newsshow_info .col span{ color: #a60000;}
.products{position: relative;}
.products h2{font-size: 24px;color: #333;}
.products .rec{width: 40px;height: 6px;background: #324D8B;margin: 22px 0 15px;}
.products .des{line-height: 24px;}
.products2{margin-top: 36px;}
.products2 h2{display: block;margin-bottom: 30px;}
.pignose-tab-wrapper{box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.pignose-tab-wrapper .pignose-tab-btn{display:block;height: 55px;line-height: 55px;background:#DBE2F2;;font-size: 18px;padding: 0 20px;color: #324D8B;cursor: pointer;}
.pignose-tab-wrapper .pignose-tab-btn.active,.pignose-tab-wrapper .pignose-tab-btn:hover{color: #fff;background:#324D8B;}
.pignose-tab-wrapper .pignose-tab-group .pignose-tab-list{float:left;margin:0px 2px 2px 0px;}
.pignose-tab-wrapper .pignose-tab-container{display:none;width:100%;position:absolute;left:0;top:55px;text-align:left;border-top: 1px solid #324D8B;padding-top: 40px;overflow: hidden;}
.pignose-tab-wrapper .pignose-tab-container.active{display:block}
@media (max-width: 1700px){

}


@media (max-width: 1600px){
	.sy_pro_list .swiper-button-prev{ left: 0;}
	.sy_pro_list .swiper-button-next{ right: 0;}
	.index_head .nav li:last-child{ margin-right: 0;}
	.index_head .nav li a{ font-size: 15px;}
}

@media (max-width: 1441px){
	.index_head .nav li{ margin-right: 40px;}
	.ny_pro_nav a{ padding: 0 35px;}
	.ny_pro_nav h3{ width: 200px;}
	.prodet_txt h1{ font-size: 30px;}
	.prodet_txt{ margin-top: 20px;}
	.team_list ul li .team_txt{padding-top: 80px;}
	.nytit h2{font-size: 30px;}
	
}

@media (max-width: 1281px){
	.index_head .nav li a{ font-size: 15px;}
	.top_search form input{ width: 150px;}
	.index_head .nav li{ right: 40px;}
	.sy_item_tit h3{ font-size: 32px;}
	.sy_item_tit p{ font-size: 22px;}
	.sy_pro_list ul li .sy_pro_txt p{ font-size: 14px;}
	.sy_app_txt{ padding: 30px;}
	.sy_app_txt h2{ font-size: 24px;}
	.app_center .swiper-num{ left: 30px; bottom: 30px;}
	.sy_app_txt .more_btn{ margin-top: 30px;}
	.sy_about .short_line{ margin-top: 10px;}
	.sy_about .sy_ab_txt{ width: 90%;}
	.sy_number dl dt b{ font-size: 60px;}
	.sy_number{ margin-top: 50px;}
	.top_search form input{ width: 100px;}
	.list_top{ padding: 30px 0 40px;}
	.prodet_txt{ width: 50%;}
	.prodet_txt h1{ margin-bottom: 25px;}
	.newshow_tit h1{ font-size: 34px;}
	.tit_list{ padding:30px 20px;}
	.zhici_right p{ line-height: 24px;}
	.team_list ul li .team_txt{ padding: 60px 40px;}
	.honor_list ul li{ width: 23%; margin-right: 2.33%;}
	.honor_list ul li:nth-child(5n){ margin-right:2.33%;}
	.honor_list ul li:nth-child(4n){ margin-right:0;}
	.join_title b{ font-size: 80px; line-height: 70px;}
	.nytit h2{font-size: 24px;}
}

@media (max-width: 1024px){
	.top_h{ height: 54px;}
	.sy_pro_nav ul li .icon img{ height: 30px;}
	.sy_pro_nav ul li p{ padding: 0 10px; bottom: 15px;}
	.sy_pro_nav ul li .icon{ top: 10px; right: 15px;}
	.sy_app_txt{ width: 100%; float: none;}
	.sy_app_img{ width: 100%; float: none;}
	.app_center .swiper-num{ left: auto; right: 30px;}
	.sy_about .short_line{ display: none;}
	.sy_about .sy_ab_tit{ font-size: 24px;}
	.sy_about .sy_ab_txt p{ font-size: 14px;}
	.sy_about .sy_ab_txt{ width: 96%; margin: 20px auto;}
	.sy_number dl dt p{ font-size: 12px;}
	.sy_number dl dt b{ font-size:30px;}
	.sy_number dl dt{ padding: 20px 0;}
	.news_info{ padding: 15px;}
	.news_info .news_txt h2{ font-size: 16px; line-height: 24px; height: 48px;}
	.news_info .date b{ font-size: 22px;}
	.news_info .news_txt p{ font-size: 12px; line-height: 20px; height: 40px; margin-bottom: 15px;}
	.sy_news_box .sy_news_item .imgfdd img{ height: 200px;}
	.faq_list{ padding: 15px;}
	.faq_list ul li p{ font-size: 16px; line-height: 24px; height: 24px;}
	.faq_list ul li{ margin-bottom: 20px;}
	.foot_center{ display: none;}
	.procol_list ul li a{ padding: 15px;}
	.procol_list ul li .procol_txt{ padding: 10px 0; margin-top: 10px;}
	.procol_txt h2{ font-size: 18px; margin-bottom:10px;}
	.ny_pro_nav h3{ display: none;}
	.ny_pro_nav a{ line-height: 60px;}
	.prodet_txt{ margin-top: 0;}
	.prodet_txt{ width: 60%;}
	.product_show{ padding: 30px 0;}
	.show_content{ padding: 25px 0;}
	.product_show .show_tit{ font-size: 30px;}
	.newshow_tit h1{ font-size: 28px;}
	.newsshow_info{ padding: 20px 0;}
	.main_right{ display: none;}
	.main_left{ width: 100%; float: none;}
	.about_main h3{ font-size: 30px;}
	.tit_list p{ font-size: 14px; line-height: 30px;}
	.team_list ul li .team_txt p{ line-height: 24px;}
	.team_list ul li .team_txt h4{ font-size: 24px; margin-bottom: 20px;}
	.ny_honor_nav a{ width: 30%; font-size:14px;}
	.ny_honor_nav{margin-bottom: 25px;}
	.honor_des{ margin-bottom: 25px;}
	.xz-list .z_sx th:first-child, .xz-list .xz-flmc td:first-child{padding-left:40px;}
	.xz-list .z_sx{ line-height: 60px; height:60px;}
	.xz-list .xz-flmc td{line-height: 50px; height: 50px;}
	.join_des p{ font-size: 16px; line-height: 30px;}
	.sale_left{ padding-top: 30px;}
	.sale_list ul li h3{ font-size: 16px;}
	.map{ display: none;}
	.con_left{ width: 100%;}
	
}
@media (max-width: 768px){
	.sy_pro_nav{display: none;}
	.sy_item_tit h3{ font-size: 26px; margin-bottom: 10px;}
	.sy_item_tit p{ font-size: 18px;}
	.sy_item_tit{ margin-bottom: 15px;}
	.item_top{ margin-bottom: 15px;}
	.sy_number dl dt p{ height: 48px;}
	.sy_news_box .sy_news_item{ width: 100%; float: none; margin-bottom: 20px;}
	.sy_news_box .sy_news_item .col_name{ display: none;}
	.sy_news_box .sy_news_item{ padding-bottom: 0;}
	.right_list ul li{ display: none;}
	.right_list{ top: 80%;}
	.right_list .quick_tel{ display: block; width:44px; height:44px; border-radius:50%; padding-top:8px; text-align:center; background: #152c7f;box-shadow:0 0 8px rgba(0,0,0,.2);}
	.tzbg{ display: none;}
	.ny_pro_nav a{ line-height: 40px; font-size:14px;}
	.prodet_txt h1{ font-size: 24px;}
	.prodet_txt p{ line-height: 24px;}
	.btn_box{ padding: 15px 0;}
	.posi .ny_ab_nav a{ width: 140px; font-size:14px;}
	.ny_news_txt .more_btn{ display: none;}
	.ab_number{ margin-top: 30px;}
	.zhici_right h3{ font-size: 24px; margin-bottom: 15px;}
	.cult_list ul li{ width: 32%; margin-right:1%;}
	.team_list ul li .team_txt{ padding: 30px 20px 0;}
	.team_list ul li{ width: 100%; float: none; margin-bottom:20px;}
	.team_list ul li .imgfd{ padding-top: 50%;}
	.xz-list .z_sx{ font-size: 16px;}
	.xz-list tr{ font-size: 14px;}
	.join_des{ margin: 20px 0;}
	.join_list .join_tit p{ padding: 0 20px; line-height:50px;}
	.join_txt{ padding: 15px 20px;}
	.sale_right{ padding-right: 0;}
	.sale_list ul li{ width: 49%;}
	.sale_list ul li:nth-child(3n){ margin-right:2%;}
.sale_list ul li:nth-child(2n){ margin-right:0;}
.msg_title h3{ font-size: 30px;}
.nytit h2{font-size: 20px;}
}
@media (max-width: 540px){
.procol_list ul li{ width: 49%; margin-bottom:20px;}
.procol_list ul li:nth-child(3n){ margin-right:2%;}
.procol_list ul li:nth-child(2n){ margin-right:0;}
.ny_pro_list ul li{ width: 49%; margin-bottom:20px;}
.ny_pro_list ul li:nth-child(2n){ margin-right:0;}
.ny_pro_nav a{ padding: 0;}
.nav_list ul li{ width: 25%; text-align: center;}
.prodet_img{ width: 100%; float: none;}
.prodet_txt{ width: 100%; float: none; margin-top: 20px;padding: 10px 0px;}
.proshow_top{ padding: 0 0 20px;}
.prodet_txt h1{ font-size: 20px; margin-bottom: 10px;}
.product_show .show_tit{ font-size: 24px;}
.page_btn{ display: block; line-height:22px;}
.page_btn .next{ margin-top: 10px;}
.page_btn i{ width: 22px; height: 22px; line-height: 22px;}
.page_btn .next i{ float: left; margin-left:0; margin-right:5px;}
.hot_pro.gray_bg{ padding: 20px 0 30px;}
.hot_pro h3{ font-size: 24px; margin-bottom: 15px;}
.hot_pro .sy_pro_list{ margin-top: 0;}
.posi{ line-height: 50px; font-size: 12px;}
.ny_sol_list ul li .ny_sol_txt{ padding: 15px;}
.ny_sol_txt h2{ font-size: 16px; height: 52px;}
.ny_sol_list ul li .ny_sol_txt .more_btn{ display: none;}
.ny_sol_list ul li{ margin-bottom: 20px;}
.ny_title{ font-size: 24px; line-height: 22px;}
.newshow_tit{margin-top: 20px;}
.newshow_tit h1{ font-size: 24px;}
.newsshow_info{ padding: 15px 0;}
.mainh{ height: 25px;}
.posi .ny_ab_nav a{ width: 100px;}
.ny_news_txt p{ display: none;}
.ny_news_txt h2{ font-size: 18px;}
.ny_news_list ul li{ padding-bottom: 15px; margin-bottom: 15px;}
.ab_number dl dt{ width: 45%; padding:0;}
.zhici_left{ width: 100%; float: none;}
.zhici_right{ width: 100%; margin-top: 15px;}
.cult_list ul li{ width: 100%; float: none; padding:20px; box-shadow:0 0 8px rgba(166,0,0,.22);}
.cult_list ul li p{ height: auto;}
.about_team h3,.about_cult h3{ font-size: 28px; margin-bottom: 20px;}
.work_title h3{ font-size: 28px;}
.workshop{ margin-top: 30px;}
.ny_honor_nav a{ width:45%; padding: 0; background:#f6f6f6; margin-bottom:15px;}
.honor_list ul li{ width: 49%; margin-right:1%;}
.honor_list ul li:nth-child(2n){ margin-right:0;}
.xz-list .z_sx th:first-child, .xz-list .xz-flmc td:first-child{ padding-left:20px;}
.xz-list .z_sx th:nth-child(2),.xz-list .xz-flmc td:nth-child(2){ display:none;}
.join_des p{ font-size: 14px; line-height: 24px;}
.join_title b{ font-size: 60px; line-height: 50px;}
.join_title h3{ font-size: 26px; margin-top: -30px;}
.sale_left{ width: 100%; float: none; padding-top: 0;}
.sale_right{ width: 100%; margin-top: 15px;}
.sale_list ul li h3{ height: 48px;}
.sale_list ul li .sale_info p{ font-size: 14px;}
.page_message{ padding: 25px 0;}
.page_message .formbox input, .page_message .formbox textarea{ line-height: 45px;}
.nytit h2{font-size: 18px;}
.pignose-tab-wrapper .pignose-tab-btn{font-size: 15px;}
.pignose-tab-wrapper .pignose-tab-container{top: 165px;padding-top: 20px;}
}
@media (max-width: 450px){
	.sy_pro_list ul li .sy_pro_txt p{ height: 48px;}
	.swiper-button-prev:after, .swiper-button-next:after{ font-size: 18px;}
	.sy_pro_list ul li .more_btn{ display: none;}
	.sy_app_txt{ padding: 15px; padding-bottom: 40px;}
	.sy_app_txt h2{ font-size: 18px; margin-bottom: 10px;}
	.sy_app_txt .more_btn{ margin-top: 20px}
	.app_center .swiper-button-prev, .app_center .swiper-button-next{ width: 36px; height: 36px; line-height: 36px;}
	.app_center .swiper-num .active{ font-size: 30px;}
	.app_center .swiper-num{ font-size: 18px;}
	.sy_number{ display: none;}
	.sy_about .sy_ab_tit{ font-size: 18px;}
	.sy_about{ padding-bottom: 25px;}
	.sy_item_tit h3{ font-size: 22px; margin-bottom: 5px;}
	.copy{ font-size: 12px;}
	.procol_list ul li{ width: 100%;}
	.nav_list ul li{ width: 33.3%;}
	.product_show{ padding: 20px 0;}
	.ny_sol_txt p{ display: none;}
	.ny_sol_txt{ padding:10px;}
	.ny_sol_txt h2{ font-size: 14px; line-height: 24px; height: 48px;margin-bottom: 0;}
	.copy{ font-size: 12px; padding:15px 0;}
	.ny_news_txt h2{ font-size: 16px;}
	.ny_news_txt .date{ margin-bottom: 0;}
	.posi .ny_center{ display: block;}
	.posi .ny_ab_nav{ width: 100%; display:flex;}
	.posi .ny_ab_nav a{ margin:0 auto; width:30%;}
	.about_main h3{ font-size: 24px;}
	.ab_number{ display: block; margin-top: 0;}
	.team_list ul li .team_txt h4{ font-size: 20px; margin-bottom: 10px;}
	.team_list ul li .imgfd{ padding-top: 60%;}
	.work_title h3{ font-size: 24px;}
	.workshop .work_title{ margin-bottom: 20px;}
	.about_team h3, .about_cult h3{ font-size: 24px;}
	.cult_list ul li p{ line-height: 24px;}
	.ny_honor_nav a{ width: 100%; margin:0 0 15px;}
	.ny_honor_nav{ margin-bottom: 10px;}
	.honor_list ul li{ margin-bottom: 20px;}
	.xz-list .z_sx{ line-height: 45px; height:45px;}
	.xz-list .xz-flmc td{ line-height: 40px; height: 40px;}
	.xz-list .xz-flmc td a i{ font-size: 22px;}
	.join_list .join_tit p{padding: 0 5px;}
	.join_txt{ padding: 10px 5px;}
	.join_txt h4{ margin: 5px 0;}
	.sale_list ul li{ width: 100%; float: none;}
	.sale_list ul li h3{ height: auto;}
	.sale_list ul li .sale_info{ height: auto;}
	.con_left h3{ font-size: 24px;}
	.con_item{ font-size: 14px;}
	.msg_title h3{ font-size: 24px; margin-bottom: 15px;}
	.msg_title{ margin-bottom: 20px;}
	.page_message .sub{ line-height: 45px; width: 100%;}
	.page_message .formbox.fl{ width: 100%; float: none; margin-bottom:15px;}
	.ny_ban img{ width: 140%; margin-left: -20%;}
}<!--0.00014495849609375-->